/* ==================
        初始化
 ==================== */
.disflex {
	display: flex;
}

.row {
	display: flex;
	flex-direction: row;
}

.column {
	display: flex;
	flex-direction: column;
}

.flex1 {
	flex: 1;
}

.flexwrap {
	flex-wrap: wrap;
}

.center {
	text-align: center;
}

.align {
	align-items: center;
}

.lett1 {
	letter-spacing: 1rem;
}

.wth100 {
	width: 100%;
}

.hth100 {
	height: 100%;
}

.minauto {
	margin: auto;
}

.minto {
	margin: auto 0;
}

.minau {
	margin: 0 auto;
}

.min10 {
	margin: 10rpx;
}

.min20 {
	margin: 20rpx;
}

.min30 {
	margin: 30rpx;
}

.min40 {
	margin: 40rpx;
}

.min10_tb {
	margin: 10rpx 0;
}

.min20_tb {
	margin: 20rpx 0;
}

.min30_tb {
	margin: 30rpx 0;
}

.min40_tb {
	margin: 40rpx 0;
}

.min10_rl {
	margin: 0 10rpx;
}

.min20_rl {
	margin: 0 20rpx;
}

.min30_rl {
	margin: 0 30rpx;
}

.min40_rl {
	margin: 0 40rpx;
}

.minleft0 {
	margin-left: 0;
}

.minleft10 {
	margin-left: 10rpx;
}

.minleft20 {
	margin-left: 20rpx;
}

.minleft30 {
	margin-left: 30rpx;
}

.minleft40 {
	margin-left: 40rpx;
}

.minright0 {
	margin-right: 0;
}

.minright10 {
	margin-right: 10rpx;
}

.minright20 {
	margin-right: 20rpx;
}

.minright30 {
	margin-right: 30rpx;
}

.minright30 {
	margin-right: 40rpx;
}

.minbottom0 {
	margin-bottom: 0;
}

.minbottom10 {
	margin-bottom: 10rpx;
}

.minbottom20 {
	margin-bottom: 20rpx;
}

.minbottom30 {
	margin-bottom: 30rpx;
}

.minbottom40 {
	margin-bottom: 40rpx;
}

.mintop0 {
	margin-top: 0;
}

.mintop10 {
	margin-top: 10rpx;
}

.mintop20 {
	margin-top: 20rpx;
}

.mintop30 {
	margin-top: 30rpx;
}

.mintop40 {
	margin-top: 40rpx;
}

.pad10 {
	padding: 10rpx;
}

.pad20 {
	padding: 20rpx;
}

.pad30 {
	padding: 30rpx;
}

.pad40 {
	padding: 40rpx;
}

.pad10_tb {
	padding: 10rpx 0;
}

.pad20_tb {
	padding: 20rpx 0;
}

.pad30_tb {
	padding: 30rpx 0;
}

.pad40_tb {
	padding: 40rpx 0;
}

.pad10_rl {
	padding: 0 10rpx;
}

.pad20_rl {
	padding: 0 20rpx;
}

.pad30_rl {
	padding: 0 30rpx;
}

.pad40_rl {
	padding: 0 40rpx;
}

.padleft10 {
	padding-left: 10rpx;
}

.padleft20 {
	padding-left: 20rpx;
}

.padleft30 {
	padding-left: 30rpx;
}

.padleft30 {
	padding-left: 40rpx;
}

.padright10 {
	padding-right: 10rpx;
}

.padright20 {
	padding-right: 20rpx;
}

.padright30 {
	padding-right: 30rpx;
}

.padright40 {
	padding-right: 40rpx;
}

.padbottom10 {
	padding-bottom: 10rpx;
}

.padbottom20 {
	padding-bottom: 20rpx;
}

.padbottom30 {
	padding-bottom: 30rpx;
}

.padbottom40 {
	padding-bottom: 40rpx;
}

.padtop10 {
	padding-top: 10rpx;
}

.padtop20 {
	padding-top: 20rpx;
}

.padtop30 {
	padding-top: 30rpx;
}

.padtop40 {
	padding-top: 40rpx;
}

.size14 {
	font-size: 14rpx;
}

.size20 {
	font-size: 20rpx;
}

.size22 {
	font-size: 22rpx;
}

.size24 {
	font-size: 24rpx;
}

.size26 {
	font-size: 26rpx;
}

.size28 {
	font-size: 28rpx;
}

.size30 {
	font-size: 30rpx;
}

.size32 {
	font-size: 32rpx;
}

.size34 {
	font-size: 34rpx;
}

.size36 {
	font-size: 36rpx;
}

.colf {
	color: #fff;
}

.col0 {
	color: #000;
}

.col2 {
	color: #222;
}

.col3 {
	color: #333;
}

.col5 {
	color: #555;
}

.col6 {
	color: #666;
}

.col8 {
	color: #888;
}

.col9 {
	color: #999;
}

.col7E {
	color: #7E7E7E;
}

.col91 {
	color: #919191;
}

.colB7 {
	color: #B7B7B7;
}

.colBE {
	color: #BEBEBE;
}

.colB3 {
	color: #B3B3B3;
}

.col2B {
	color: #2B2B2B;
}

.colred {
	color: red;
}

.font400 {
	font-weight: 400;
}

.font500 {
	font-weight: 500;
}

.font600 {
	font-weight: 600;
}

.font700 {
	font-weight: 700;
}

.decoration {
	text-decoration: line-through
}

.rad1 {
	border-radius: 10rpx;
}

.rad2 {
	border-radius: 20rpx;
}

.rad3 {
	border-radius: 30rpx;
}

.rad4 {
	border-radius: 40rpx;
}

.rad5 {
	border-radius: 50rpx;
}

.rad50 {
	border-radius: 50%;
}

.omit1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.omit2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.omit3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.posrel {
	position: relative;
}

.posfix {
	position: fixed;
}

.posabs {
	position: absolute;
}

.zin-1 {
	z-index: -1;
}

.zin1 {
	z-index: 1;
}

.zin2 {
	z-index: 2;
}